<template>
  <div>
    <md-row class="row-20925a">
      <md-col :span="24">
        <md-steps
          class="md-steps-6e74b6"
          :vertical-adaptive="false"
          :transition="false"
          :direction="'horizontal'"
          :current="0"
          :steps="widget_627ce6.options.options"
        ></md-steps
        ><span
          @click="$bridge.toZipPage(widget_07cf32.options.path)"
          class="span-24979d"
          >{{ widget_07cf32.options.content }}</span
        ><span
          @click="$bridge.toZipPage(widget_7dd2f0.options.path)"
          class="span-2af148"
          >{{ widget_7dd2f0.options.content }}</span
        >
      </md-col>
    </md-row>
    <md-row class="row-d44f0a">
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_aca0f0.options.path)"
          class="span-c2bf6f"
          >{{ widget_aca0f0.options.content }}</span
        >
      </md-col>
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_233b8e.options.path)"
          class="span-a347dc"
          >{{ widget_233b8e.options.content }}</span
        >
        <div class="div-f08fbd">
          <img class="img-37c2a8" :src="widget_541126.options.imageUrl" />
        </div>
      </md-col>
    </md-row>
    <md-row class="row-06ce7b">
      <md-col :span="24">
        <md-input-item
          v-model="widget_18a334.options.defaultValue"
          :type="'text'"
          :name="''"
          :title="'中文姓名'"
          :placeholder="'请输入您的中文姓名'"
          :brief="''"
          :maxlength="25"
          :size="'normal'"
          :align="'left'"
          :error="''"
          :readonly="false"
          :disabled="false"
          :is-title-latent="false"
          :is-highlight="false"
          :is-formative="true"
          :is-amount="false"
          :clearable="false"
          :is-virtual-keyboard="false"
          :virtual-keyboard-disorder="false"
          :virtual-keyboard-ok-text="'确认'"
        ></md-input-item>
      </md-col>
    </md-row>
    <md-row class="row-13abd8">
      <md-col :span="24">
        <md-input-item
          v-model="widget_17e152.options.defaultValue"
          :type="'text'"
          :name="''"
          :title="'姓拼音'"
          :placeholder="''"
          :brief="''"
          :maxlength="25"
          :size="'normal'"
          :align="'left'"
          :error="''"
          :readonly="false"
          :disabled="false"
          :is-title-latent="false"
          :is-highlight="false"
          :is-formative="true"
          :is-amount="false"
          :clearable="false"
          :is-virtual-keyboard="false"
          :virtual-keyboard-disorder="false"
          :virtual-keyboard-ok-text="'确认'"
        ></md-input-item>
      </md-col>
      <md-col :span="24">
        <md-input-item
          v-model="widget_48269d.options.defaultValue"
          :type="'text'"
          :name="''"
          :title="'名拼音'"
          :placeholder="''"
          :brief="''"
          :maxlength="25"
          :size="'normal'"
          :align="'left'"
          :error="''"
          :readonly="false"
          :disabled="false"
          :is-title-latent="false"
          :is-highlight="false"
          :is-formative="true"
          :is-amount="false"
          :clearable="false"
          :is-virtual-keyboard="false"
          :virtual-keyboard-disorder="false"
          :virtual-keyboard-ok-text="'确认'"
        ></md-input-item>
      </md-col>
    </md-row>
    <md-row class="row-16d73d">
      <md-col :span="24">
        <md-input-item
          v-model="widget_7583d1.options.defaultValue"
          :type="'text'"
          :name="''"
          :title="'身份证号码'"
          :placeholder="'请输入您的身份证号码'"
          :brief="''"
          :maxlength="24"
          :size="'normal'"
          :align="'left'"
          :error="''"
          :readonly="false"
          :disabled="false"
          :is-title-latent="false"
          :is-highlight="false"
          :is-formative="true"
          :is-amount="false"
          :clearable="false"
          :is-virtual-keyboard="false"
          :virtual-keyboard-disorder="false"
          :virtual-keyboard-ok-text="'确认'"
        ></md-input-item>
        <div>
          <md-field-item
            :align="'right'"
            :title="'所在城市：'"
            :content="widget_fefc5e.options.selectValue.label"
            @click="widget_fefc5e.options.isSelectorShow = true"
            :arrow="true"
          />
          <md-selector
            v-model="widget_fefc5e.options.isSelectorShow"
            :data="
              widget_fefc5e.options.remote
                ? widget_fefc5e.options.remoteOptions
                : widget_fefc5e.options.options
            "
            :title="''"
            :describe="''"
            :mask-closable="true"
            :is-check="false"
            :default-value="widget_fefc5e.options.selectValue.value"
            @choose="
              item => {
                this.widget_fefc5e.options.selectValue = item;
              }
            "
          ></md-selector>
        </div>
        <span
          @click="$bridge.toZipPage(widget_9dadc2.options.path)"
          class="span-baf912"
          >{{ widget_9dadc2.options.content }}</span
        >
      </md-col>
    </md-row>
    <md-row class="row-e037f1">
      <md-col :span="24">
        <md-input-item
          v-model="widget_7138eb.options.defaultValue"
          :type="'text'"
          :name="''"
          :title="'手机号码'"
          :placeholder="'请输入手机号码'"
          :brief="''"
          :maxlength="25"
          :size="'normal'"
          :align="'left'"
          :error="''"
          :readonly="false"
          :disabled="false"
          :is-title-latent="false"
          :is-highlight="false"
          :is-formative="true"
          :is-amount="false"
          :clearable="false"
          :is-virtual-keyboard="false"
          :virtual-keyboard-disorder="false"
          :virtual-keyboard-ok-text="'确认'"
        ></md-input-item>
        <md-input-item
          v-model="widget_8fb839.options.defaultValue"
          :type="'text'"
          :name="''"
          :title="'验证码'"
          :placeholder="'请输入内容'"
          :brief="''"
          :maxlength="25"
          :size="'normal'"
          :align="'left'"
          :error="''"
          :readonly="false"
          :disabled="false"
          :is-title-latent="false"
          :is-highlight="false"
          :is-formative="true"
          :is-amount="false"
          :clearable="false"
          :is-virtual-keyboard="false"
          :virtual-keyboard-disorder="false"
          :virtual-keyboard-ok-text="'确认'"
        >
          <verify-code
            slot="right"
            :text="'获取验证码'"
            :count="60"
          ></verify-code>
        </md-input-item>
        <div class="div-81d8a2">
          <md-button
            :type="'primary'"
            :nativeType="'button'"
            :size="'large'"
            :plain="false"
            :round="true"
            :inline="false"
            :icon="''"
            :icon-svg="false"
            :inactive="false"
            @click.prevent="doFuncOption(widget_dbbfd6.options.submitFunc)"
            :iconAlign="'left'"
            >{{ widget_dbbfd6.options.defaultValue }}</md-button
          >
        </div>
      </md-col>
    </md-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      widget_627ce6: {
        name: "步骤条",
        options: {
          multiple: false,
          options: [
            {
              name: "基本信息"
            },
            {
              name: "详细信息"
            },
            {
              name: "其他信息"
            },
            {
              name: "完成"
            }
          ],
          remote: false,
          props: {
            label: "label",
            value: "value"
          }
        },
        rules: []
      },
      widget_07cf32: {
        name: "文本框",
        options: {
          path: "",
          content: "特别提示："
        },
        rules: []
      },
      widget_7dd2f0: {
        name: "文本框",
        options: {
          path: "",
          content:
            "目前手机申请仅向持有在有效期内的二代身份证客户申请（不包括临时身份证）"
        },
        rules: []
      },
      widget_aca0f0: {
        name: "文本框",
        options: {
          path: "",
          content: "您申请的是："
        },
        rules: []
      },
      widget_233b8e: {
        name: "文本框",
        options: {
          path: "",
          content: "光明勇士联名信用卡（勇士联盟版）"
        },
        rules: []
      },
      widget_541126: {
        name: "图片",
        options: {
          imageUrl:
            "http://118.144.87.37:13083/group1/M00/00/39/CgIEq11OeUWAHf-NAADbzzh1nYA011.jpg"
        },
        rules: []
      },
      widget_18a334: {
        name: "输入框",
        options: {
          defaultValue: "",
          showLabel: false
        },
        rules: []
      },
      widget_17e152: {
        name: "输入框",
        options: {
          defaultValue: "",
          showLabel: false
        },
        rules: []
      },
      widget_48269d: {
        name: "输入框",
        options: {
          defaultValue: "",
          showLabel: false
        },
        rules: []
      },
      widget_7583d1: {
        name: "输入框",
        options: {
          defaultValue: "",
          showLabel: false
        },
        rules: []
      },
      widget_fefc5e: {
        name: "下拉选择器",
        options: {
          selectValue: {
            brief: "",
            label: "深圳",
            value: "深圳"
          },
          iconSvg: false,
          remoteOptions: [],
          isSelectorShow: false,
          icon: "",
          remote: false,
          props: {
            label: "label",
            value: "value"
          },
          minHeight: "auto",
          maxHeight: "auto",
          options: [
            {
              brief: "",
              label: "深圳",
              value: "深圳"
            },
            {
              value: "上海",
              label: "上海",
              brief: ""
            }
          ],
          iconPosition: "right",
          iconSize: "",
          iconDisabled: "",
          iconInverse: ""
        },
        rules: []
      },
      widget_9dadc2: {
        name: "文本框",
        options: {
          path: "",
          content: "如您的城市不在下拉框内，暂无法申请"
        },
        rules: []
      },
      widget_7138eb: {
        name: "输入框",
        options: {
          defaultValue: "",
          showLabel: false
        },
        rules: []
      },
      widget_8fb839: {
        name: "验证码输入框",
        options: {
          defaultValue: "",
          showLabel: false
        },
        rules: []
      },
      widget_dbbfd6: {
        name: "按钮",
        options: {
          defaultValue: "确定",
          submitFunc:
            "/app/wiremock/D5419E20385D4A469B1383CF9183B6FD/transferResults.do",
          iconFlag: false
        },
        rules: []
      }
    };
  },
  methods: {}
};
</script>

<style scoped>
.md-steps-6e74b6 {
  padding: 50px;
}

.span-24979d {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: left;
  font-weight: normal;
  padding-left: 28px;
  padding-right: 10px;
  line-height: 30px;
}

.span-2af148 {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: left;
  font-weight: normal;
  padding-left: 46px;
  padding-right: 10px;
  line-height: 30px;
}

.row-20925a {
  border-radius: 0px;
  padding: 0px 0px 34px 0px;
  margin: 0px;
}

.span-c2bf6f {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}

.span-a347dc {
  font-size: 16px;
  display: block;
  height: 30px;
  color: #2e65ef;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}

.div-f08fbd {
  height: auto;
  width: 100%;
}

.img-37c2a8 {
  display: block;
  height: 68px;
  width: 120px;
  margin: auto;
  border: 0px solid #dedede;
  border-radius: 0px;
}

.row-d44f0a {
  border-radius: 0px;
  padding: 0px 0px 10px 0px;
  margin: 18px 0px 0px 0px;
}

.row-06ce7b {
  border-radius: 0px;
  padding: 0px 0px 0px 10px;
  margin: 10px 0px 0px 0px;
}

.row-13abd8 {
  border-radius: 0px;
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

.span-baf912 {
  font-size: 16px;
  display: block;
  height: 30px;
  color: #3e71e0;
  text-align: left;
  font-weight: normal;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 30px;
}

.row-16d73d {
  border-radius: 0px;
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

.div-81d8a2 {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.row-e037f1 {
  border-radius: 0px;
  padding: 0px 0px 0px 10px;
  margin: 10px 0px 0px 0px;
}
</style>
